<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新浪微博导航界面</title>
    <link rel="stylesheet" href="index.css" type="text/css">
    
</head>
<body>
    <header>
        <h1>新浪导航页</h1>
    
    </header>

    
    <section class="main">
        <div class="center-nav">
            <ul>
                <li class="item">
                    <img src="D:\html5chapter2\img/baidu.png" alt=""/><br>百度
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/fwangyi.png" alt=""/><br>网易
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/fsina.png" alt=""/><br>新浪
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/f58.png" alt=""/><br>58同城
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/fshop.png" alt=""/><br>商店
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/ftaobao.png" alt=""/><br>淘宝
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/ftianmao.png" alt=""/><br>天猫
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/ftrip.png" alt=""/><br>旅行
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/hotel.png" alt=""/><br>酒店
                </li>
                <li class="item">
                    <img src="D:\html5chapter2\img/logo.png" alt=""/><br>标志
                </li>
                <div class="clear" style="clear:both"></div>
                
                
                
                
            </ul>
        </div>
        <div class="urls-nav">
            <ul class="urls">
                <li class="url sort"><a href="#"><b>新闻</b></a></li>
                <li class="url"><a href="#"><b>房产资讯</b></a></li>
                <li class="url"><a href="#"><b>新浪</b></a></li>

               <li class="url"><a href="#"><b>网易</b></a></li>
               <li class="url"><a href="#"><b>腾讯</b></a></li>
                <div class="clear" style="clear:both"></div>
               </ul>
               <ul class="urls">
                   <li class="url sort"><a href="#"><b>财经</b></a></li>
                <li class="url"><a href="#"><b>东方</b></a></li>
                <li class="url"><a href="#"><b>和讯</b></a></li>

               <li class="url"><a href="#"><b>新浪</b></a></li>
               <li class="url"><a href="#"><b>凤凰</b></a></li>
                    <div class="clear" style="clear:both"></div> 
                </ul>
                <ul class="urls">
                   <li class="url sort"><a href="#"><b>汽车</b></a></li>
                <li class="url"><a href="#"><b>二手车</b></a></li>
                <li class="url"><a href="#"><b>新浪汽车</b></a></li>

               <li class="url"><a href="#"><b>汽车之家</b></a></li>
               <li class="url"><a href="#"><b>太平洋</b></a></li>
                  <div class="clear" style="clear:both"></div>  
                </ul>

        </div>



    </section>
    <footer>
        <div class="footer-nav">
            <ul class="footer-nav">
            <li><a href="#">首页</a></li>
             <li><a href="#">新闻</a></li>
              <li><a href="#">体育</a></li>
               <li><a href="#">娱乐</a></li>

                 <li><a href="#">导航</a></li>
                  <div class="clear" style="clear:both"></div>
        </ul>
        </div>
        <p>
            -合作<br/>
            copyright&Copyright  2016 sina.com
        </p>
        

    </footer>
    
</body>
</html>